// 切换注册

$('.login a').on('click', function () {
  $('.login').hide().next().show();
})

$('.register a').on('click', function () {
  $('.login').show().next().hide();
})



// 注册功能
// 表单提交  阻止默认行为  收集表单数据（用户名 密码）  ajax提交服务器

$('.register form').on('submit', function (e) {
  e.preventDefault();
  let data = $(this).serialize();
  // console.log(data);
  $.ajax({
      type: 'POST',
      url: '/api/reguser',
      data: data,
      success: function (res) {
          if (res.status === 0) {
              // 提示
              layer.msg(res.message);
              // 清空输入框。找到表单，转成DOM对象，调用DOM方法reset，来重置表单
              $('.register form')[0].reset();
              // 切换到登录的盒子
              $('.login').show().next().hide();
          }
      }
  })
});



// 完成表单验证
// 1 如何使用layui提供的内置模块
// 加载模块 固定语法 let 变量 = layui.
let form = layui.form

form.verify({
  // 键(规则名称)：值（数组格式）[正则表达式，验证不通过时的提示]
  uname:[/^\S{2,10}$/,'用户名长度必须是2~10位'],  //\S表示非空白字符
  pwd:[/^\S{6,12}$/,'用户名长度必须是2~10位'],

  same:function(val){
    if($('.pwd').val() !== val){
      return '两次密码不一致'
    }
  }
})



// 登录

$('.login form').on('submit',function(e){
  e.preventDefault()
  let data = $(this).serialize()
  $.ajax({
    type:'POST',
    url: '/api/login',
    data: data,
    success: function(res){
      if(res.status === 0){
        layer.msg(res.message,{time:1500},function(){
          
          localStorage.setItem('token',res.token)

          location.href = './index.html'
        });
        
      }
    }
  })
})






